<template>
    <div class="header">
        <el-menu
            :default-active="activeIndex2"
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b">
            <el-menu-item index="1">
                <router-link to="/list">首页</router-link>
            </el-menu-item>
            <el-menu-item index="2">
                <router-link to="/add">新增</router-link>
            </el-menu-item>
            <el-menu-item index="3">登录</el-menu-item>
            <el-menu-item index="4">注册</el-menu-item>
        </el-menu>
    </div>
</template>

<script>
  export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {

      }
    }
  }
</script>


<style scoped>

</style>





